.organizationDetailView {
  padding: 20px;

  :global {
    .group-item {
      margin-bottom: 30px;

      h1 {
        font-size: 16px;
        color: #333;
      }

      .group-inner {
        display: flex;
      }

      .e-detail-list-com {
        flex: 1;
        list-style: none;
        margin: 10px 0;

        li {
          line-height: 35px;
        }

        .label {
          display: inline-flex;
          width: 115px;
          color: #666;
          font-size: 14px;
          vertical-align: top;
        }
        .inner {

          &.hasImg {
            position: relative;
            display: inline-block;
            line-height: 0;
          }

          .over-layer {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, .3);
            z-index: 1;
            opacity: 0;
            text-align: center;
            pointer-events: none;
            transition: opacity .3s ease-in-out;

            i {
              font-size: 24px;
              color: #fff;
              line-height: 160px;
            }

          }
          &:hover .over-layer {
            opacity: 1;
          }
        }
      }
    }

    .el-timeline {
      margin: 20px 0;

      .el-timeline-item__content {
        span:nth-child(1) {
          margin-right: 10px;

          &.error {
            color: #F5222D;
          }
        }
      }
    }

    .el-timeline-item__node {
      background: #fff;
      border: 1px solid #d9d9d9;
    }
    .el-timeline-item__node--normal {
      left: 0;
      width: 9px;
      height: 9px;
    }
  }
}